<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/jquery/jquery-3.4.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/goods.css"/>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>
</head>
<body>


<div class="container">
    <h1>商品列表</h1>
    <!--    <table class="table table-hover">-->
    <!--        <thead>-->
    <!--        <tr>-->
    <!--            <th>商品名称</th>-->
    <!--            <th>商品图片</th>-->
    <!--            <th>商品原价</th>-->
    <!--            <th>商品类别</th>-->
    <!--            <th>秒杀数量</th>-->
    <!--            <th>秒杀价格</th>-->
    <!--            <th>商品详情</th>-->
    <!--        </tr>-->
    <!--        </thead>-->
    <!--        <tbody>-->
    <!--        <tr th:each="goodvo:${goodslist}">-->
    <!--            <td th:text="${goodvo.getGoodsName()}"></td>-->
    <!--            <td><img th:src="@{${goodvo.getImgPath()}}" alt="华为手机P50" width="100px" height="100px"></td>-->
    <!--            <td th:text="${goodvo.getPrice()}"></td>-->
    <!--            <td th:text="${goodvo.getGoodType()}"></td>-->
    <!--            <td th:text="${goodvo.getStockNum()}"></td>-->
    <!--            <td th:text="${goodvo.getSeckillPrice()}"></td>-->
    <!--            <td><a th:href="'/goodDetail/'+${goodvo.getGoodsId()}">商品详情</a></td>-->
    <!--        </tr>-->
    <!--        </tbody>-->

    <!--    </table>-->
    <div class="seckill_content">
        <div class="title"><h2>秒杀商品列表</h2></div>
        <div class="all_seckill_goods">
            <div class="seckill_goods" th:each="goodvo: ${goodslist}">
                <h4 th:text="${goodvo.getGoodsName()}"></h4>
                <img th:src="@{${goodvo.getImgPath()}}" width="250" height="270"/>
                <br/><br/>
                <div class="seckill_price">
                    <p th:text="${goodvo.getGoodType()}"></p>
                    <p>
                        <span class="price1" th:text="${goodvo.getSeckillPrice()}+'元  '"></span>
                        <del><span class="price2" th:text="${goodvo.getPrice()}+'元'"></span></del>
                    </p>
                    <a th:href="'/goodDetail/'+${goodvo.getGoodsId()}">
                        <button class="btn btn-default" type="submit">进入详情页...</button>
                    </a>

                </div>
            </div>
        </div>

    </div>
</div>

</body>
</html>